<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>加入我们</title>
    <link rel="shortcut icon" href="../images/AllSpark.ico" />
    <link rel="stylesheet" href="joinUsTable.css">
    <link rel="stylesheet" href="JoinNav.css">
    <script src="jquery.min.js"></script>
    <script src="Nav.js"></script>
</head>

<body>
    <div id="header">
        <!-- 导航栏部分 -->
        <div class="Nav">
            <!-- logo部分 -->
            <div class="logo">
                <img src="1.png" width="50" height="60">
                <div class="logoName">
                    <p class="little">AllSpark studio</p>
                    <p class="big">AllSpark工作室</p>
                    <span class="lastLogo">官网</span>
                </div>


            </div>
            <!-- 导航栏内容 -->
            <div class="logo2">
                <ul class="navList">
                    <li class="navList_3">
                        <a href="../index.html" target="_blank">主页</a>
                    </li>
                    <li class=" navList_3 secondText">
                        <a href="# " style="cursor:default ">职位介绍</a>
                        <ul>
                            <li><a href="../introduce/AllSpark_dvpt/html/AllSpark_dvpt.html" target="_blank ">开发组</a>
                            </li>
                            <li><a href="../introduce/AllSpark_cpt/html/AllSpark_cpt.html" target="_blank ">竞赛组</a></li>
                            <li><a href="#" target="_blank ">SC小组</a></li>
                        </ul>
                    </li>
                    <li class="navList_3 ">
                        <a href="#" class="choose">加入我们</a>
                    </li>
                    <li class="navList_3 ">
                        <a href="../AllSparkProduct/product.html" target="_blank ">产品/服务</a>
                    </li>
                    <li class="navList_3 lastText">
                        <a href="#" style="cursor:default ">相关下载</a>
                        <ul>
                            <li><a href="#">工作室财报</a></li>
                            <li><a href="#">大话西游实验室篇</a></li>
                            <li><a href="# ">西邮大一攻略</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="joinUsTable">
        <h2 class="title">join us</h2>
        <div class="container">
            <div class="sideBar">
                <ul>
                    <li class="base"><span>基本信息</span></li>
                    <li class="choose"><span>方向选择</span></li>
                    <li class="introduce"><span>自我介绍</span></li>
                    <li class="submit"><span>点击提交</span></li>
                </ul>
            </div>
            <div class="table">
                <div class="item name" onclick="joinUsTableAn(this)">
                    <span class="itemTitle">姓名</span>
                    <input type="text" placeholder="" id="joinUsName" onclick="joinUsClearError(this)"
                        onfocus="joinUsTableChildAn(this)">
                    <span id="joinUsNameMsg"></span>
                </div>
                <div class="item school" onclick="joinUsTableAn(this)">
                    <span class="itemTitle">学校</span>
                    <input type="text" placeholder="" id="joinUsSchool" onclick="joinUsClearError(this)"
                        onfocus="joinUsTableChildAn(this)">
                    <span id="joinUsSchoolMsg"></span>
                </div>
                <div class="item class" onclick="joinUsTableAn(this)">
                    <span class="itemTitle">专业班级</span>
                    <input type="text" placeholder="" id="joinUsClass" onclick="joinUsClearError(this)"
                        onfocus="joinUsTableChildAn(this)">
                    <span id="joinUsClassMsg"></span>
                </div>
                <div class="item tel" onclick="joinUsTableAn(this)">
                    <span class="itemTitle">联系电话</span>
                    <input type="text" placeholder="" id="joinUsTel" onclick="joinUsClearError(this)"
                        onfocus="joinUsTableChildAn(this)">
                    <span id="joinUsTelMsg"></span>
                </div>
                <div class="part2">
                    <ul class="title">
                        <li class="title1">开发组</li>
                        <li class="title2">竞赛组</li>
                    </ul>
                    <div class="chooseDirection">

                        <div class="first" onclick="chooseDirection(this)"><input type="button" value="前端"
                                onclick="chooseDirection(this)"></div>
                        <div onclick="chooseDirection(this)"><input type="button" value="后台"
                                onclick="chooseDirection(this)"></div>
                        <div onclick="chooseDirection(this)"><input type="button" value="运维"
                                onclick="chooseDirection(this)"></div>
                        <div onclick="chooseDirection(this)"><input type="button" value="产品"
                                onclick="chooseDirection(this)"></div>
                        <div onclick="chooseDirection(this)"><input type="button" value="运营"
                                onclick="chooseDirection(this)"></div>
                        <div onclick="chooseDirection(this)"><input type="button" value="设计"
                                onclick="chooseDirection(this)"></div>
                        <div onclick="chooseDirection(this)"><input type="button" value="市场"
                                onclick="chooseDirection(this)"></div>
                    </div>
                    <div class="chooseGroup">
                        <div onclick="chooseGroup(this)"> <input class="active" type="button" value="第一组"
                                onclick="chooseGroup(this)"></div>
                        <div onclick="chooseGroup(this)"> <input class="active" type="button" value="第二组"
                                onclick="chooseGroup(this)"></div>
                        <div onclick="chooseGroup(this)"> <input class="active" type="button" value="第三组"
                                onclick="chooseGroup(this)"></div>
                        <div onclick="chooseGroup(this)"> <input class="active" type="button" value="第四组"
                                onclick="chooseGroup(this)"></div>
                    </div>
                </div>
                <textarea class="introduce" id="joinUsIntroduce" placeholder="比如学习进度，擅长技能。对小组的想法，个人性格，个人特长等。"
                    onclick="joinUsClearError(this)"></textarea>
                <span id="joinUsIntroduceMsg"></span>
                <button id="joinUsSubmit">点击提交</button>
                <span id="joinUsUpdateMsg"></span>
            </div>
        </div>
    </div>
    <iframe src="AllSparkFooter.html" frameborder="0" style="width: 100%;" scrolling="no"></iframe>
    <script src="joinUsTable.js"></script>


</body>

</html>